<?php
use yii\helpers\Json;
use yii\helpers\Url;
?>

<style type="text/css">
	.mui-btn{margin-bottom: 5px;}
	.tag-f{border-left: 2px solid #a664a6;padding-left: 5px;}
	
	.code{background-color: #E5CB7E;border: 1px solid #E5CB7E;
    color: #FFFFFF;border-radius: 3px;width: 32px;height: 22px;display: block;
    float: left;margin-right: 3px;line-height: 22px;text-align: center;
	font-size: 14px;}
</style>

<ul class="mui-table-view"> 
	<?php yii\widgets\Pjax::begin(['id'=>'InRoom','linkSelector'=>'a[data-in]','timeout'=> 30000,'enablePushState'=>false]); ?>	
		<?php if(!empty($in_first)){?>	
			<div class="panel-box panel-box-cell">
				<li class="mui-table-view-cell">
					<div class="cell-title">
						<span class="tag-f">内舱房</span>
					</div>
					<div class="mui-row">
						<div class="mui-col-xs-5 theme1_info_c_l">
						<?php if(!empty($in_first['image'])){?>
							<img src="<?=\Yii::$app->params['qiniu_path'].$in_first['image']['path'].'?imageView2/1/w/360/h/180'?>" data-preview-src="<?=\Yii::$app->params['qiniu_path'].$in_first['image']['path'].'?imageView2/1/w/640/h/640'?>" data-preview-group="2" style="max-width: 100%;width: 360px;height: 80px;" />
						<?php }else{?>
							<img src="/img/load.jpg"  data-preview-src="/img/load.jpg" data-preview-group="2" style="max-width: 100%;width: 160px;height: 80px;" />
						<?php };?>
						</div>
						<div class="mui-col-xs-7 theme1_info_c_r">
							<span class="code"><?=$in_first['code']?></span><h6><?=$in_first['name']?></h6>
							<p> <i class="iconfont icon2">&#xe684;</i><?=\yii::$app->params['windows'][$in_first['windows']]?> <i class="iconfont icon2">&#xe660;</i><?=$in_first['area']?>m² 
							</p>
							<p><i class="iconfont icon2">&#xe667;</i><?=$in_first['num']?>人 <i class="iconfont icon2">&#xe662;</i><?=yii::$app->ceils->getCeils($in_first['ceil'])?>
							</p>
						</div>
					</div>
				
					<p style="color: #666;font-size: 0.75em"><i class="iconfont icon2">&#xe6b0;</i><?=$in_first['desc']?></p>
					
					<div class="btns"  style="margin-top: 10px;"> 
						<?php foreach($in_room as $v){?>
							<a data-in="s1" href="<?=Yii::$app->request->getUrl().'&in_room_id='.$v['id'];?>" type="button" class="mui-btn mui-btn-primary
							<?= ($in_first['id'] == $v['id']) ?'':'mui-btn-outlined' ?> ">
								<?=$v['code']?>
							</a>
						<?php }?>
					</div>

				</li>
			</div>		
		<?php };?>
		<?php yii\widgets\Pjax::end([]); ?>

		<?php yii\widgets\Pjax::begin(['id'=>'SeaRoom','linkSelector'=>'a[data-sea]','timeout'=> 30000,'enablePushState'=>false]); ?>		
		<?php if(!empty($sea_first)){?>	
		<div class="panel-box panel-box-cell">
				<li class="mui-table-view-cell">
					<div class="cell-title">
						<span class="tag-f">海景房</span>
					</div>
					<div class="mui-row">
						<div class="mui-col-xs-5 theme1_info_c_l">
						<?php if(!empty($sea_first['image'])){?>
							<img src="<?=\Yii::$app->params['qiniu_path'].$sea_first['image']['path'].'?imageView2/1/w/360/h/180'?>" data-preview-src="<?=\Yii::$app->params['qiniu_path'].$sea_first['image']['path'].'?imageView2/1/w/640/h/640'?>" data-preview-group="2" style="max-width: 100%;width: 160px;height: 80px;" />
						<?php }else{?>
							<img src="/img/load.jpg"  data-preview-src="/img/load.jpg" data-preview-group="2" style="max-width: 100%;width: 160px;height: 80px;" />
						<?php };?>
						</div>
						<div class="mui-col-xs-7 theme1_info_c_r">
							<span class="code"><?=$sea_first['code']?></span><h6><?=$sea_first['name']?></h6>
							<p> <i class="iconfont icon2">&#xe684;</i><?=\yii::$app->params['windows'][$sea_first['windows']]?> <i class="iconfont icon2">&#xe660;</i><?=$sea_first['area']?>m² 
							</p>
							<p><i class="iconfont icon2">&#xe667;</i><?=$sea_first['num']?>人 <i class="iconfont icon2">&#xe662;</i><?=yii::$app->ceils->getCeils($sea_first['ceil'])?>
							</p>
						</div>
					</div>
				
					<p style="color: #666;font-size: 0.75em"><i class="iconfont icon2">&#xe6b0;</i><?=$sea_first['desc']?></p>

					<div class="btns"  style="margin-top: 10px;"> 
						<?php foreach($sea_room as $v){?>
							<a data-sea="s1" href="<?=Yii::$app->request->getUrl().'&sea_room_id='.$v['id'];?>" type="button" class="mui-btn mui-btn-primary
							<?= ($sea_first['id'] == $v['id']) ?'':'mui-btn-outlined' ?> ">
								<?=$v['code']?>
							</a>
						<?php }?>
					</div>

				</li>
		</div>			
		<?php };?>
		<?php yii\widgets\Pjax::end([]); ?>

		<?php yii\widgets\Pjax::begin(['id'=>'BalRoom','linkSelector'=>'a[data-bal]','timeout'=> 30000,'enablePushState'=>false]); ?>
		<?php if(!empty($bal_first)){?>	
			<div class="panel-box panel-box-cell">	
				<li class="mui-table-view-cell">
					<div class="cell-title">
						<span class="tag-f">阳台房</span>
					</div>
					<div class="mui-row">
						<div class="mui-col-xs-5 theme1_info_c_l">
						<?php if(!empty($bal_first['image'])){?>
							<img src="<?=\Yii::$app->params['qiniu_path'].$bal_first['image']['path'].'?imageView2/1/w/360/h/180'?>" data-preview-src="<?=\Yii::$app->params['qiniu_path'].$bal_first['image']['path'].'?imageView2/1/w/640/h/640'?>" data-preview-group="2" style="max-width: 100%;width: 160px;height: 80px;" />
						<?php }else{?>
							<img src="/img/load.jpg"  data-preview-src="/img/load.jpg" data-preview-group="2" style="max-width: 100%;width: 160px;height: 80px;" />
						<?php };?>
						</div>
						<div class="mui-col-xs-7 theme1_info_c_r">
							<span class="code"><?=$bal_first['code']?></span><h6><?=$bal_first['name']?></h6>
							<p> <i class="iconfont icon2">&#xe684;</i><?=\yii::$app->params['windows'][$bal_first['windows']]?>&nbsp;<?=$bal_first['balcony_area']?>m²  <i class="iconfont icon2">&#xe660;</i><?=$bal_first['area']?>m² 
							</p>
							<p><i class="iconfont icon2">&#xe667;</i><?=$bal_first['num']?>人 <i class="iconfont icon2">&#xe662;</i><?=yii::$app->ceils->getCeils($bal_first['ceil'])?>
							</p>
						</div>
					</div>
					<p style="color: #666;font-size: 0.75em"><i class="iconfont icon2">&#xe6b0;</i><?=$bal_first['desc']?></p>
					
					<div class="btns"  style="margin-top: 10px;"> 
						<?php foreach($bal_room as $v){?>
							<a data-bal="s1" href="<?=Yii::$app->request->getUrl().'&bal_room_id='.$v['id'];?>" type="button" class="mui-btn mui-btn-primary
							<?= ($bal_first['id'] == $v['id']) ?'':'mui-btn-outlined' ?> ">
								<?=$v['code']?>
							</a>
						<?php }?>
					</div>

				</li>
			</div>			
		<?php };?>
		<?php yii\widgets\Pjax::end([]); ?>

		<?php yii\widgets\Pjax::begin(['id'=>'SuiRoom','linkSelector'=>'a[data-sui]','timeout'=> 30000,'enablePushState'=>false]); ?>
		<?php if(!empty($sui_first)){?>	
			<div class="panel-box panel-box-cell">		
				<li class="mui-table-view-cell">
					<div class="cell-title">
						<span class="tag-f">普通套房</span>
					</div>
					<div class="mui-row">
						<div class="mui-col-xs-5 theme1_info_c_l">
						<?php if(!empty($sui_first['image'])){?>
							<img src="<?=\Yii::$app->params['qiniu_path'].$sui_first['image']['path'].'?imageView2/1/w/360/h/180'?>" data-preview-src="<?=\Yii::$app->params['qiniu_path'].$sui_first['image']['path'].'?imageView2/1/w/640/h/640'?>" data-preview-group="2" style="max-width: 100%;width: 160px;height: 80px;" />
						<?php }else{?>
							<img src="/img/load.jpg"  data-preview-src="/img/load.jpg" data-preview-group="2" style="max-width: 100%;width: 160px;height: 80px;" />
						<?php };?>
						</div>
						<div class="mui-col-xs-7 theme1_info_c_r">
							<span class="code"><?=$sui_first['code']?></span><h6><?=$sui_first['name']?></h6>
							<p> <i class="iconfont icon2">&#xe684;</i><?=\yii::$app->params['windows'][$sui_first['windows']]?> <i class="iconfont icon2">&#xe660;</i><?=$sui_first['area']?>m² 
							</p>
							<p><i class="iconfont icon2">&#xe667;</i><?=$sui_first['num']?>人 <i class="iconfont icon2">&#xe662;</i><?=yii::$app->ceils->getCeils($sui_first['ceil'])?>
							</p>
						</div>
					</div>
				
					<p style="color: #666;font-size: 0.75em"><i class="iconfont icon2">&#xe6b0;</i><?=$sui_first['desc']?></p>
					<div class="btns"  style="margin-top: 10px;"> 
						<?php foreach($sui_room as $v){?>
							<a data-sui="s1" href="<?=Yii::$app->request->getUrl().'&sui_room_id='.$v['id'];?>" type="button" class="mui-btn mui-btn-primary
							<?= ($sui_first['id'] == $v['id']) ?'':'mui-btn-outlined' ?> ">
								<?=$v['code']?>
							</a>
						<?php }?>
					</div>
				</li>
			</div>				
		<?php };?>
	
		<?php yii\widgets\Pjax::end([]); ?>

	<?php yii\widgets\Pjax::begin(['id'=>'HighRoom','linkSelector'=>'a[data-high]','timeout'=> 30000,'enablePushState'=>false]); ?>
		<?php if(!empty($high_first)){?>	
			<div class="panel-box panel-box-cell">		
				<li class="mui-table-view-cell">
					<div class="cell-title">
						<span class="tag-f">高级套房</span>
					</div>
					<div class="mui-row">
						<div class="mui-col-xs-5 theme1_info_c_l">
						<?php if(!empty($high_first['image'])){?>
							<img src="<?=\Yii::$app->params['qiniu_path'].$high_first['image']['path'].'?imageView2/1/w/360/h/180'?>" data-preview-src="<?=\Yii::$app->params['qiniu_path'].$high_first['image']['path'].'?imageView2/1/w/640/h/640'?>" data-preview-group="2" style="max-width: 100%;width: 160px;height: 80px;" />
						<?php }else{?>
							<img src="/img/load.jpg"  data-preview-src="/img/load.jpg" data-preview-group="2" style="max-width: 100%;width: 160px;height: 80px;" />
						<?php };?>
						</div>
						<div class="mui-col-xs-7 theme1_info_c_r">
							<span class="code"><?=$high_first['code']?></span><h6><?=$high_first['name']?></h6>
							<p> <i class="iconfont icon2">&#xe684;</i><?=\yii::$app->params['windows'][$high_first['windows']]?> <i class="iconfont icon2">&#xe660;</i><?=$high_first['area']?>m² 
							</p>
							<p><i class="iconfont icon2">&#xe667;</i><?=$high_first['num']?>人 <i class="iconfont icon2">&#xe662;</i><?=yii::$app->ceils->getCeils($high_first['ceil'])?>
							</p>
						</div>
					</div>
				
					<p style="color: #666;font-size: 0.75em"><i class="iconfont icon2">&#xe6b0;</i><?=$high_first['desc']?></p>
					<div class="btns"  style="margin-top: 10px;"> 
						<?php foreach($high_room as $v){?>
							<a data-high="s1" href="<?=Yii::$app->request->getUrl().'&high_room_id='.$v['id'];?>" type="button" class="mui-btn mui-btn-primary
							<?= ($high_first['id'] == $v['id']) ?'':'mui-btn-outlined' ?> ">
								<?=$v['code']?>
							</a>
						<?php }?>
					</div>
				</li>
			</div>				
		<?php };?>
	
		<?php yii\widgets\Pjax::end([]); ?>


		<?php yii\widgets\Pjax::begin(['id'=>'OtherRoom','linkSelector'=>'a[data-other]','timeout'=> 30000,'enablePushState'=>false]); ?>

		<?php if(!empty($other_first)){?>
			<div class="panel-box panel-box-cell">			
				<li class="mui-table-view-cell">
					<div class="cell-title">
						<span class="tag-f">其他</span>
					</div>
					<div class="mui-row">
						<div class="mui-col-xs-5 theme1_info_c_l">
						<?php if(!empty($other_first['image'])){?>
							<img src="<?=\Yii::$app->params['qiniu_path'].$other_first['image']['path'].'?imageView2/1/w/360/h/180'?>" data-preview-src="<?=\Yii::$app->params['qiniu_path'].$other_first['image']['path'].'?imageView2/1/w/640/h/640'?>" data-preview-group="2" style="max-width: 100%;width: 160px;height: 80px;" />
						<?php }else{?>
							<img src="/img/load.jpg"  data-preview-src="/img/load.jpg" data-preview-group="2" style="max-width: 100%;width: 160px;height: 80px;" />
						<?php };?>
						</div>
						<div class="mui-col-xs-7 theme1_info_c_r">
							<span class="code"><?=$other_first['code']?></span><h6><?=$other_first['name']?></h6>
							<p> <i class="iconfont icon2">&#xe684;</i><?=\yii::$app->params['windows'][$other_first['windows']]?> <i class="iconfont icon2">&#xe660;</i><?=$other_first['area']?>m² 
							</p>
							<p><i class="iconfont icon2">&#xe667;</i><?=$other_first['num']?>人 <i class="iconfont icon2">&#xe662;</i><?=yii::$app->ceils->getCeils($other_first['ceil'])?>
							</p>
						</div>
					</div>
				
					<p style="color: #666;font-size: 0.75em"><i class="iconfont icon2">&#xe6b0;</i><?=$other_first['desc']?></p>

					<div class="btns"  style="margin-top: 10px;"> 
						<?php foreach($other_room as $v){?>
							<a data-other="s1" href="<?=Yii::$app->request->getUrl().'&other_room_id='.$v['id'];?>" type="button" class="mui-btn mui-btn-primary
							<?= ($other_first['id'] == $v['id']) ?'':'mui-btn-outlined' ?> ">
								<?=$v['code']?>
							</a>
						<?php }?>
					</div>
					
				</li>
		</div>			
		<?php };?>
		
</ul>
